<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<title> Nibis </title>

	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="creta/src/css/styles.css">
	<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
	<link id="lineNumberCSS" href="" rel="stylesheet" type="text/css">

	<script>
		TogetherJSConfig_hubBase = "";
		TogetherJs_enableAnalytics = false;
		TogetherJSConfig_disableWebRTC = true;
		TogetherJSConfig_youtube = false;
		TogetherJSConfig_ignoreForms = true;
		TogetherJSConfig_dontShowClicks = true;
	</script>

</head>
<body onload="startEditors();load();" ondragstart="return false;" ondrop="return false;">
	<noscript>
		<div style="position: fixed; top: 0px; left: 0px; z-index: 3000; 
                height: 100%; width: 100%; background-color: #FFFFFF">
			It seems your browser can't run Javascript. 🎉🎉<br>
			Good idea, you can still work with CLI desktop version <a href="https://notabug.org/alkeon/texdi">texdi</a>
		</div>
	</noscript>
	<div class="main-container">
		<div class="fixed-container">
			<nav>
				<ul class="desktop-nav">
					<li> <a href="index.html" class="logo"><img alt="NIBIS logo" src="icons/logo.png"></a>
					<li> <div id="name_div" onclick="change_input('div')"> Default Name </div>
					     <input id="name" class="name" type="text" value="Default name" style="display:none;">
					<li>
						<div class="submenu">
							<label id="label-menu" for="input-menu"> Menú desplegable </label>
							<input id="input-menu" type="checkbox" onclick="start_menu()">
							<img alt="Menu activated" class="not-active" src="icons/hamburger.png">
							<img alt="Menu deactivated" class="active" src="icons/hamburger-active.png">
							
						</div>
					</li>
				</ul>

			</nav>
		</div>
		<div class="content-wrapper row">
			<div id="bookmark-aside" class="fixed-container overflow margin-aside">
				<h2> Titles </h2>
				<p class="titles"></p>
			</div>
			<div id="visual-editor"></div>
			<div id="code-editor"></div>
			<div class="popup template-ui" style="display: none;">
				<br>
				<div class="popup_text">Write header and end for template</div>
				<div class="close_button">
					<img src="icons/close.svg" alt="Close popup icon" onclick="this.parentElement.parentElement.style.display = 'none';">
				</div>
				<textarea name="text" class="start" placeholder="Enter text" rows="5" cols="5"></textarea>
				<textarea name="text" class="end" placeholder="Enter text" rows="5" cols="5"></textarea>
				<button type="button" class="accept_template">Accept</button>
			</div>
			<div class="popup autoload-ui" style="display: none;">
				<br>
				<div class="popup_text">Do you accept autoloading tedi parameter?</div>
				<button type="button" class="accept_autoload">Yes</button>
				<button type="button" onclick="this.parentElement.style.display = 'none';">No</button>
			</div>
			<div id="pdf-aside" class="fixed-container overflow margin-aside"></div>
			<div id="options" class="fixed-container overflow margin-aside">

				<details>
					<summary>Templates</summary>

					<input onclick="set_template_id(0)" type="radio" id="notes" name="templates" value="notes" checked>
					<label for="notes">Notes</label><br>
					<input onclick="set_template_id(1)" type="radio" id="thesis" name="templates" value="thesis">
					<label for="thesis">Thesis</label><br>
					<input onclick="set_template_id(2)" type="radio" id="presentation" name="templates" value="presentation">
					<label for="presentation">Presentation</label><br>
					<input onclick="set_template_id(4)" type="radio" id="paper" name="templates" value="paper">
					<label for="presentation">Paper</label><br>
					<input onclick="show_template_popup()" type="radio" id="custom" name="templates" value="custom">
					<label for="custom">Custom</label>
				</details>
				<p><input id="select_title" type="checkbox" onclick="show_bookmarks_aside()">Select titles</p>
				<p><input id="line_numbers" type="checkbox" onclick="set_line_numbering()">Add numbers to lines</p>
				<p><input id="set_collab" type="checkbox" onclick="set_collab()">Set collab mode</p>
				<p><input id="set_debug" type="checkbox" onclick="set_debug()">Show errors and debug</p>
				<p><a href="about.html">About</a></p>
			</div>
		</div>
		<footer class="fixed-container">
			<ul>
				<li><a id="download_state" onclick="download_file()"><img src="icons/download.svg" alt="Download savestate icon"></a>
				<li><input type="file" style="display:none;" id="file">
				<label for="file" class="btn command"><img src="icons/upload.svg" alt="Upload savestate icon"></label>
			</ul>
		</footer>
	</div>
	
	<script src="creta/src/js/creta-core.js"></script>
	<script src="creta/src/js/creta-ui.js"></script>
	<script src="creta/src/js/creta.js"></script>
	<script src="creta/src/js/beautify-html.js"></script>

	<script src="js/tedi/html2tedi.js"></script>
	<script src="js/tedi/tedi2lang.js"></script>
	<script src="js/tedi/tedi2html.js"></script>
	<script src="js/tedi/tedi2tex.js"></script>
	
	<script src="js/editor.js"></script>
	<script src="js/ip.js"></script>
	<script src="js/jszip.min.js"></script>
	<script src="js/FileSaver.js"></script>
	<script src="js/pdfobject.min.js"></script>
	
</body>
</html>
